{extend name="public:base" /}
{block name="head"}
<link href="__PUBLIC__/view_res/mobile/css/wshop_company_center.css" type="text/css" rel="Stylesheet" />
<link href="__PUBLIC__/view_res/mobile/css/uc.css" type="text/css" rel="Stylesheet" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="__PUBLIC__/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="__PUBLIC__/bootstrap-3.3.7-dist/css/img.css">
{/block}
{block name="header"}
{include file="public/top-nav" /}
{/block}
{block name="content"}
<div class="card">
    <h5 class="card_title">新自由买卖合约</h5>
    {if condition="$info.state eq 4"}
        <label class="title" style="color: red;font-weight: normal;">审核未通过,根据审核意见提交新的凭证，并重新提交审核</label>
    {else}
        <p class="title" style="color: red">正在进行</p><br>
    {/if}
    <p class="title">合约信息</p>
    <p><span>合约金额：</span>{$info.money}</p>
    <p><span>抵扣金额：</span>{$info.price}</p>
    <p><span>开始时间：</span>{$info.begin_day}</p>
    <p><span>结束时间：</span>{$info.end_day}</p>

    <p><span>交易的交易所：</span>{:get_trade_name($info.exchange)}</p>

    <p><span>交易的交易品种：</span><span style="color: #ff0000;">{:get_variety_name($info.exchange_variety)}</span></p>

    <p class="title">任务标志</p>

    <p><span>买入状态：</span>{if condition="$info.b_state eq 0"}未提交 {elseif condition="$info.b_state eq 4 "}提交凭证有误，请根据审核意见重新提交{else}已提交{/if}</p>
    <p><span>买入结束时间：</span>{$info.begin_day}</p>
    <p><span>卖出状态：</span>{if condition="$info.s_state eq 0"}未提交 {elseif condition="$info.s_state eq 4 "}提交凭证有误，请根据审核意见重新提交{else}已提交{/if}</p>
    <p><span>卖出结束时间：</span>{$info.end_day}</p>
    
    <a href="{:url('Contract/free_buy',['id'=>$info['id']])}"  style="width:100%;margin-top:20px;" class="btn btn-default">上传买入凭证</a>
    <a href="{:url('Contract/free_sell',['id'=>$info['id']])}"  style="width:100%;margin-top:20px;" class="btn btn-default">上传卖出凭证</a>
</div>
<style media="screen">
    body {
        background-color: #efeff4
    }

    .card {
        font-size: 14px;
        position: absolute;
        margin-bottom: 10%;
        width: 80%;
        top: 80px;
        left: 50%;
        transform: translate(-50%, 0%);
        overflow: hidden;
        border-radius: 2px;
        background-color: #fff;
        background-clip: padding-box;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
        padding: 10px;
        color: #8f8f94;
        font-weight:bold;
    }
    .card>p>span{
        width: 120px;
        display: inline-block;
    }
    .card .card_title {
        font-size: 20px;
        font-weight: 400;
        text-align: center;
        line-height: 60px;
    }

    .card .title {
        border-left: 2px solid #4ab8ec;
        font-size: 16px;
        line-height: 16px;
        padding-left: 4px;
        margin: 10px 4px;
        color: #000;
    }

</style>
<script src="__PUBLIC__/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/bootstrap-3.3.7-dist/js/img.js"></script>
{/block}
{block name="script"}
{/block}
